<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.6.0/skins/default/aliplayer-min.css" />
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.6.0/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="J_prismPlayer"></div>
<script>
var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = parseInt(w*0.5625)+'px';
var player = new Aliplayer({
    id: "J_prismPlayer",
         autoplay: true,
         isLive:false,
         playsinline:true,
         width:"100%",
         height:h,
         controlBarVisibility:"always",
         useH5Prism:false,
         useFlashPrism:false,
         vid:'${videoId}',
	     playauth:'${playauth}',
         cover: "",
         skinLayout:[
                {"name":"H5Loading","align":"cc"},
                {"name":"controlBar","align":"blabs","x":0,"y":0,"children":[{"name":"progress","align":"blabs","x":0,"y":44},
                {"name":"playButton","align":"tl","x":15,"y":12},
                {"name":"fullScreenButton","align":"tr","x":10,"y":10},
                {"name":"volume","align":"tr","x":10,"y":10}]}]
         },function(player){
            console.log("播放器创建了。");
          }
    );
</script>
</body>
</html>
